// Font size.
@mixin font-size($font-size){
  font-size:$font-size +px;
  font-size:$font-size / $base-font-size +rem;
}

// Sider Animation
@mixin sider-hover {
  @include transition-property(all);
  @include transition-duration(.3s);
  @include transition-timing-function(ease-in-out);
}

// Theme.
@mixin theme($name, $color) {
  $primary: $color;
  $secondary: lighten(adjust-hue($color, 20), 10%);

  .#{$name} {
    & {
      background-color: $primary;
    }
    .global-header-wrap {
      background-color: $primary; 
    }
    .sidebar-nav {
      background-color: $primary;
    }

    .accordion {
      ul > li {
        & > a {
          color: $sider-color;
          background-color: $primary;
          border-left-color: $bg-color;
          i {
            color: #999;
          }
        }
        &:hover > a {
          border-left-color: $sider-color-green;
        }
        &.open > a {
          color: #b4bcc8;
          background-color: #3b3f4d;
          border-left-color: #3b3f4d;
        }
        &.active > a {
          color: #fff;
          background-color: $sider-sub-color;
          border-left-color: $red !important;
          & > .selected {
            background-color: transparent;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-right-color: $main-bg-color;
          }
          i {
            color: $white;
          }
        }
        &.current > a {
          border-left-color: $blue;
          i {
            color: $white;
          }
        }
        &.nav-title {
          color: #949494;
        }
      }
      & > ul > li {
        border-bottom-color: #414247;
      }
      .sub-nav {
        border-left-color: #666;
        & > li {
          &.active {
            a {
              background-color: $sider-sub-color;
              border-left-color: $blue;
            }
          }
        }
      }
      ul > li.current > a,
      ul > li > a:hover,
      .sub-nav > li > a:hover {
        color: $white;
        background-color: $sider-sub-color;
        border-left-color: $sider-color-blue;
      }
    }
  }
}